<template>
	<view class="page">
		<view class="main">
			<view class="sider hide-scroller-bar">
				<SideBarWishes />
			</view>
			<view class="content hide-scroller-bar">
				<DishCard>
					<button
						class="card-btn"
						plain="true"
						size="mini"
					>
						添加
					</button>
				</DishCard>
			</view>
		</view>

		<view class="buttom">
			<DishesCart />
		</view>
	</view>
</template>

<script setup></script>

<style scoped>
.page {
	display: flex;
	flex-direction: column;

	height: 100%;
	width: 100%;
}

.main {
	flex: 1;
	display: flex;
	height: calc(100% - 100rpx);
}

.sider {
	height: 100%;
	overflow: auto;
}

.content {
	flex: 1;
	height: 100%;
	overflow: auto;
}

.buttom {
	height: 100rpx;
}
</style>
